html,body { color: #333; margin: 0;height: 100%;font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-weight: normal;}
body {background: #f2f2f2;color: #666;width:100%;max-width:512px; margin:0 auto;font-size:12px; line-height:24px;}
*{margin: 0;padding: 0;}
a {text-decoration: none;color: #08acee;}
img {border: 0;}
li {list-style: none;}
a {color: #666;}

.clear{clear:both;}
select[name='gender']{
  font-size:12px;
}

.region{
  overflow:visible;
  position: relative;
}

.citypicker{
  width:60%;
  float: left;
}

.citypicker .city-picker-span{
  width:100%!important;
}

.user {
  width: 100%;
  padding: 40px 0px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(#0173de, #4ea9f5);
  color: white;
}

.user .avatar{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}

.avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}